*{
  padding: 0;
  margin: 0;
}
html,body{
  overflow-x: hidden;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.clear{
  overflow: hidden;
}
.text-center{
  text-align: center;
}
a{
  text-decoration: none;
  color: #333;
}
.homePage{
  background: #f7f7f7;
}
.content{
  width: 96%;
  margin: 0 auto;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}
.banner{
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.top-bar{
  position: absolute;
  top: 1%;
  z-index: 999;
  left: 50%;
  margin-left: -47%;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  width: 94%;
}
.top-bar .location{
  color: #fff;
  float: left;
  width: 64px;
  z-index: 1;
}
.top-bar select {
  color: #fff;
  font-size: 20px;
  border: none;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background: url("/static/wechat/images/down.png") no-repeat scroll right center transparent;
  background-size: 14px;
  padding-right: 18px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.top-bar select::-ms-expand { display: none; }
.top-bar select option{
  color: #000;
  background: #fff;
}

.top-bar .search{
  height: 36px;
  box-sizing:border-box;
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
  width: calc( 100% - 64px);
  padding: 0px 6px
}
.top-bar .search input{
  border-radius: 20px;
  height: 32px;
  line-height: 18px;
  border: none;
  text-indent: 40px;
  width: 100%;
  background: url('/static/wechat/images/search.png') no-repeat;
  background-color: white;
  background-position: 12px;
  background-size: 6%;
  outline:none;
}
.top-bar .search  .btn{
  border-radius: 4px;
  height: 28px;
  line-height: 32px;
  border: none;
  color: #fff;
  padding: 0 10px;
  background: #0073BF
}
.slider-item div{
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.slider-item img{
  width: 100%;
}
.point{
  padding: 4% 0 0 0 ;
  background: url("/static/wechat/images/tabBg.png") no-repeat;
  background-size: 100%;
}
.point .pointList{
  width: 95%;
  margin: 0 auto;
  text-align: center;
}
.point .pointList li{
  width: 16%;
  padding: 0 4%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
}
.point .pointList li .horn{
  opacity: 0;
  width: 0px;
  height: 0px;
  margin: 10% auto 0;
  border-left:12px solid transparent;
  border-right:12px solid transparent;
  border-bottom:15px solid #fff;
}
.point .pointList li.active .horn{
  opacity: 1;
}
.point .pointList li img{
  width: 100%;
  border-radius: 12px;
  box-shadow: 1px 3px 5px #ebebeb;
}
.searchPage,.grayPage{
  position: absolute;
  width: 100%;
  height: 100%;
  background: #f5f5f5;
}
.searchPage .top-bar{
  position: relative;
}
.searchPage .top-bar .search input {
  font-size: 16px;
}
.searchPage .top-bar .search-btn{
  width: 45px;
  font-size: 16px;
  text-align: center;
  line-height: 36px;
  border-radius: 4px;
  color: #999;
}
.hot{
  width: 100%;
  padding: 3% 0 0 22px;
}
.hotContent{
  padding: 3% 0;
}
.hotEnterprise{
  display: inline-block;
  background: rgba(247, 103, 32, 0.1);
  color: #f76720;
  border-radius: 16px;
  margin-right: 8px;
  margin-bottom: 6px;
  padding: 2px 8px;
  line-height: 22px;
}
.allJob{
  background: #fff;
  margin: 0 auto 2%;
}
.jobs .job-component{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 10px 6px;
  width: 96%;
  margin: 2% 0 2% 2%;
  border-bottom: 1px solid #ddd;
}
.jobs .job-component .position-line{
  position: absolute;
  bottom: 0;
  width: 96%;
  left: 0;
  height: 1px;
  background: #e8e8e8;
}
.jobs .job-component>div{
  box-sizing: border-box;
}
.jobs .job-component .company-pic{
  width:76px;
  height: 76px;
  border-radius: 6px;
  overflow: hidden;
}
.jobs .job-component .position{
  width: calc(100% - 76px);
}
.jobs .job-component .company-pic img{
  height: 100%;
  width: 100%;
  background-color:#efefef;
  object-fit:cover;
}
.jobs .job-component .position{
  padding: 0 0 0 10px ;
  font-weight: bolder;
}
.jobs .job-component .position .pos-tags,
.jobs .job-component .position .pos-price{
  /*padding-bottom: 3px*/
}
.jobs .job-component .position .pos-price{
  font-size: 18px;
  color: #f76720;
}
.jobs .job-component .position .pos-price span{
  font-size:16px;
  font-weight: normal;
}
.position-sub{
  margin-top: 6px;
}
.tag{
  background: #ececec;
  color: #f76720;
  margin: 4px 4px 0px 0px;
  padding: 2px 8px;
  border-radius: 24px;
  font-weight: normal;
  font-size: 12px;
}
.jobs .job-component .position .pos-title{
  font-weight: normal;
  font-size: 16px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.jobs .job-component .price-box{
  color: #333;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
}
.job-component .price-box .price-box-title{
  color: #fff;
  padding: 2px 3px;
  border-radius: 2px;
  font-size: 12px;
}
span.price-box-content{
  padding-right: 4px;
}
.job-component .price-box .title-time{
  background: #ffb517;
}
.job-component .price-box .title-price{
  background: #1b8bf6;
}
.jobs .job-component .triangle{
  font-size: 12px;
  text-align: center;
  overflow: hidden;
  line-height: 20px;
}
.job-page{
  background:#f5f5f5;
}
.summary-infos,.summary-salary{
  box-sizing: border-box;
  padding-right:15px
}
.summary-salary .com-tag{
  color: #fff;
  padding: 2% 10%;
  font-size: 16px;
  line-height: 30px;
  border-top-left-radius: 28px;
  border-bottom-right-radius: 28px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background: #f5504c;
}
.summary-stat{
  color: #666;
  font-size: 14px;
}
.summary-infos{
  display: inline-block;
  vertical-align: middle;
  width: 60%;
  padding: 0 0 0 15px;
}
.summary-infos .summary-title{
  font-weight: bold;
  font-size: 18px;
  color: #333;
}
.summary-salary{
  display: inline-block;
  vertical-align: middle;
  width: 40%;
  line-height: 36px;
  text-align: right;
  font-size: 18px;
  color: #f76720;
  font-weight: bold;
  float: right;
}
.job-subsidy{
  width: 92%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.detail-title{
  box-sizing: border-box;
  padding:5px 2%;
}
.titleTab{
  width: 6px;
  height: 28px;
  border-radius: 10px;
  margin-right: 8px;
}
.table{
  width: 100%;
  margin: 4% auto;
  border-spacing: 0;
  border-collapse: collapse;
  text-align: center;
  font-size: 16px;
  line-height: 25px;
  border-radius: 4px;
  color: #666;
  background: #fff;
}
.box-shadow{
  -webkit-box-shadow: 1px 2px 9px 3px  rgba(0,0,0,0.06);
  box-shadow: 1px 2px 9px 3px rgba(0,0,0,0.06);
}
table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 6px;
  vertical-align: middle;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
  border: 1px solid #e8e8e8;
  font-weight: normal;
}
.table-bordered>tbody>tr>th.detail-smTitle{
  padding: 8px 0;
  font-weight: bold;
  color: #333;
}
table img.arrow{
  width: 16px;
  margin-top: 4px;
}
.detail-title{
  width: 92%;
  margin: 0 auto;
  box-sizing: border-box;
  padding:5px 0;
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
.titleTab{
  width: 6px;
  height: 28px;
  border-radius: 10px;
  margin-right: 8px;
}
.detail-content{
  width: 92%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
}
.detail-content:last-child>table>tr>td{
  padding: 8px 16px;
  text-align: left;
}
.job-outline{
  width: 92%;
  margin: 10px auto;
  text-align: center;
  overflow: hidden;
}
.job-outline .detail-outline{
  width: 30%;
  display: inline-block;
  vertical-align: middle;
  padding: 0 1%;
  font-size: 16px;
  font-weight: bold;
}
.job-outline .detail-outline img{
  width: 18px;
}
.purposeButton{
  width: 100%;
  position: fixed;
  z-index: 999;
  bottom: 0;
  box-sizing: border-box;
  background: #fff;
  padding: 12px 10px;
  box-shadow: 0px -3px 16px rgba(0,0,0,0.2);
}
.purposeBtn {
  border-right: 1px solid #ccc;
  box-sizing: border-box;
}
.purposeButton .fl{
  width: 50%;
  text-align: center;
}
.purposeButton .fl img{
  width: 14%;
  padding: 0 5% 0 0;
  vertical-align: middle;
}
.purposeButton .fl span{
  width: 86%;
  vertical-align: middle;
}
.enrollContent{
  width: 100%;
  margin: 0px auto;
  text-align: center;
}
.enrollContent .info{
  background: #fff;
  color: #999999;
  padding: 0 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px rgba(0,0,0,0.1) solid;
  text-align: left;
}
.enrollContent .info input{
  font-size: 16px;
  padding: 3% 6px;
  width: 100%;
  border: none;
  background: none;
  outline:none;
}
.enrollContent .info .code{
  width: 60%;
}
.getCode{
  padding: 3% 0;
  text-align: right;
}
.button{
  outline:none;
  color: #fff;
  background: #1fa1f5;
  font-size: 20px;
  width: 100%;
  padding: 2% 0;
  border: none;
  border-radius: 50px;
}
.successImg{
  width: 15%;
  margin: 0 auto;
  padding: 15% 0 2% 0;
}
.successImg img{
  width: 100%;
}
.tip{
  text-align: center;
  padding: 20px 0;
}
.header{
  padding: 5% 0 15% 0;
}
.head{
  width: 60px;
  height: 60px;
  margin: 1% auto;
  border-radius: 50%;
  border: 2px solid #fff;
}
.head img{
  width: 100%;
  border-radius: 50%;
}
.header .name{
  font-size: 16px;
  color: #fff;
}
.detail_button{
  color: #ffb517;
  background: #fff;
  width: 20%;
  margin: 0 auto;
  text-align: center;
  border-radius: 20px;
}
.centerContent{
  position: relative;
  z-index: 2;
  background: #fff;
  margin: -8% auto 18%;
  -webkit-box-shadow: -3px 5px 10px -5px #ebebeb;
  box-shadow: -3px 5px 10px -5px #ebebeb;
}
.centerContent .info{
  width: 86%;
  margin: 0 auto;
  padding: 3% 0;
  box-sizing: border-box;
  border-bottom: 1px solid #e8e8e8;
}
.centerContent .info:last-child{
  border-bottom: none;
}
.centerContent .info img,.centerContent .info span{
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}
.centerContent .info .icon{
  width: 32px;
  padding: 0 10px 0 0;
}
.centerContent .info span{
  width: calc(100% - 24px);
  font-size: 16px;
}
.centerContent .info .arrow{
  width: 18px;
}
.noContent{
  text-align: center;
  padding: 10px 0 30px 0;
}
.noContent p{
  color: #666666;
  font-size: 16px;
  text-align: center;
  padding: 5% 0;
}
.noContent button{
  font-size: 16px;
  width: 50%;
  margin: 0 auto;
}
.total{
  font-size: 26px;
}
.detailed{
    width: 88%;
    background: #fff;
    margin: 0 auto 18%;
    margin-top: -12%;
    z-index: 999;
    position: relative;
    border-radius: 6px;
    padding: 2% 4%;
}
.detailed .text-title{
  color: #333;
  font-weight: bold;
  padding: 2% 0;
}
.detailed .list{
  background: #fff;
  overflow: hidden;
  border-top: 1px rgba(0,0,0,0.1) solid;
  padding: 2% 0;
}
.detailed .list .fl{
    line-height: 40px;
    color: #333;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.detailed .list .fr{
    text-align: right;
    width: 28%;
}
.detailed .list .fr .moeny{
  color: #ff664d;
  font-size: 14px;
  font-weight: bold;
}
.detailed .list .fr .time{
  color: #999;
  font-size: 12px;
}
.store-list .list{
  width: 94%;
  box-sizing: border-box;
  margin: 1% auto 3%;
  padding: 2%;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.list .store-pic{
  width: 15%;
}
.store-pic img{
  width: 100%;
}
.list .store-content{
  width: calc( 100% - 37%);
  padding: 0 5px;
}
.store-content .store-info{
  width: 100%;
  overflow: hidden;
  padding: 1% 0;
}
.store-content .store-info .store-name{
  width: 75%;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.store-content .store-info .store-type{
  width: 25%;
  border-radius: 30px;
  font-size: 12px;
  background: #f5504c;
  color: #fff;
  text-align: center;
  line-height: 20px;
}
.store-content .store-address{
    color: #666;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list .store-to{
  width: 20%;
  text-align: center;
  color: #666;
}
.store-to img{
  width: 40%;
  margin:0 auto;
}
.store-to p{
  font-size: 14px;
}
.referralPage{
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(/static/wechat/images/referralPageBg.jpg);
  text-align: center;
  padding: 0 0 4% 0;
}
.referral-top{
  width: 100%;
}
.referral-top img{
  width: 100%;
}
.referral{
  padding: 4% 0 8% 0;
  background: #fff;
  width: 92%;
  margin: 2% auto;
  border-radius: 10px;
}
.referralInfo{
  margin: 2% 0 0 0;
}
.referral input,.referral button{
  width: 85%;
  margin: 2% auto;
  padding: 3%;
  background: #fff;
  font-size: 16px;
  border: 2px solid #ffb517;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 30px;
}
.referral button{
  color: #fff;
  margin: 2% 0 0 0;
  background: #ffb517;
  border: none;
  box-shadow: 0px 3px 0px #ffb517;
}
.referralTitle{
  width: 45%;
  margin: 0 auto;
  position: relative;
  color: #333333;
  padding: 6px 5%;
  font-weight: bold;
  font-size: 18px;
}
.referralTitle::before{
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  left: 0;
  bottom:0;
  background: url(/static/wechat/images/returnFee@2x.png);
}
.referralTitle::after{
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  right: 0;
  bottom:0;
  background: url(/static/wechat/images/returnFee@2x.png);
}
.rules{
  margin: 0 auto;
  padding: 4% 15px;
  text-align: left;
}
.rules p{
  color:#666666;
  font-size: 16px;
  white-space: pre;
}

.cooperation-content {
  width: 100vw;
  height: 100vh;
  background: #208dee;
  color: #fff;
  text-align: center;
  padding: 0 0 4% 0;
}

.text-center {
  text-align: center;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;;
  height: 0;
}

  .logistics-box {
    background: #f6f6f6;
    width: 100%;
    height: 100%;
    overflow: auto;
    position: absolute;
  }

  .logistics-content {
    margin-bottom: 70px;
  }

  .logistics-ul {
    width: 100vw;
  }

  .logistics-li {
    float: left;
    width: 50vw;
    height: calc(50vh - 34px);
    box-sizing: border-box;
    list-style: none;
  }

  .logistics-li:nth-child(odd) {
    padding: 2vw 2vw 2vw 4vw;
  }

  .logistics-li:nth-child(even) {
    padding: 2vw 4vw 2vw 2vw;
  }

  .logistics-li-box {
    width: 100%;
    background: #dfdfdf;
    border-radius: 10px;
    height: 100%;
  }

  .logistics-li-img {
    width: 100%;
    height: 60%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  .logistics-li-info {
    width: 100%;
    height: 40%;
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 5px;
    box-sizing: border-box;
  }

  .logistics-li-title {
    font-weight: bold;
    font-size: 18px;
    height: 30%;
  }

  .logistics-li-detail {
    color: #b3b3b3;
    font-size: 12px;
    height: 40%;
  }

  .logistics-li-price {
    color: #f6661f;
    font-size: 18px;
    position: relative;
    height: 30%;
    line-height: 1;
  }

  .logistics-button {
    outline: none;
    color: #fff;
    background: #1fa1f5;
    font-size: 16px;
    padding: 10px 20px;
    border: none;
    border-radius: 50px;
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translate(0, -50%);
  }

  .logistics-bottom-price {
    width: 60%;
    height: 60px;
    float: left;
    line-height: 60px;
    padding-left: 4vw;
    box-sizing: border-box;
  }

  .logistics-li-add {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    background: url('/static/wechat/images/add@3x.png') no-repeat;
    background-size: contain;
    top: 0;
  }

  .showShoppingCart-add {
    width: 20px;
    height: 20px;
    background: url('/static/wechat/images/add@3x.png') no-repeat;
    background-size: contain;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }

  .showShoppingCart-minus {
    width: 20px;
    height: 20px;
    background: url('/static/wechat/images/minus@3x.png') no-repeat;
    background-size: contain;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 70px;
    transform: translateY(-50%);
  }

  .showShoppingCart-num {
    position: absolute;
    top: 50%;
    right: 40px;
    width: 20px;
    text-align: center;
    transform: translateY(-50%);
  }

  .price-total {
    color: #f6661f;
    font-size: 24px;
    padding-left: 10px;
    left: 20px;
    position: relative;
  }

  .price-total-1 {
    color: #f6661f;
    font-size: 24px;
    padding-left: 10px;
  }

  .logistics-bottom-btn {
    width: 40%;
    height: 100%;
    float: left;
    position: relative;
    text-align: right;
  }

  .showShoppingCart-box {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(120,120,120,0.5);
  }

  .showShoppingCart-content {
    width: 100%;
    max-height: 70vh;
    position: fixed;
    bottom: 60px;
    left: 0;
    background: #fff;
  }

  .showShoppingCart-title {
    height: 40px;
    line-height: 40px;
    padding-left: 4vw;
    border-bottom: 1px solid #eee;
    color: #969696;
  }

  .showShoppingCart-span-title {
    display: inline-block;
    padding: 5px 0;
    width: 50%;
  }

  .showShoppingCart-li {
    padding-left: 4vw;
    box-sizing: border-box;
    position: relative;
  }

  .showShoppingCart-span-price {
    display: inline-block;
    color: #f6661f;
    width: 20%;
  }

  .showShoppingCart-span-num {
    display: inline-block;
  }

  .logistics-bottom {
    height: 60px;
    width: 100%;
    background: #fff;
    position: fixed;
    bottom: 0;
    box-sizing: border-box;
  }

  .commitOrder-addPic {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("/static/wechat/images/position@3x.png") no-repeat;
    background-size: contain;
    margin: 10px;
  }

  .showShoppingCart-pic {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("/static/wechat/images/shoppingcart@3x.png") no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
  }

